<script setup lang="ts">
import horizontal_layout from "@/components/horizontal_layout/horizontal_layout_index.vue";
</script>
<template>
    <div class="my-app-container">
        <!-- <h1>views Index</h1> -->
        <horizontal_layout>
            <template #left>
                <div>left content</div>
            </template>
            <template #default>
                <!-- <div>app main</div> -->
                <RouterView></RouterView>
            </template>
            <template #right></template>
        </horizontal_layout>
    </div>
</template>
<style lang="less" scoped>
.my-app-container {
    .self-fill(fixed);
}
.right {
    box-sizing: border-box;
    border: 2px solid green;
}
</style>
